<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
	<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<title>登入 - 智慧酒店</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="stylesheet" href="layuiadmin/layui/css/layui.css" media="all">
<link rel="stylesheet" href="layuiadmin/style/admin.css" media="all">
<link rel="stylesheet" href="layuiadmin/style/login.css" media="all">
</head>
<body>

	<div class="layadmin-user-login layadmin-user-display-show"
		id="LAY-user-login" style="display: none;">
		<div class="layadmin-user-login-main">
			<div class="layadmin-user-login-box layadmin-user-login-header">
				<h2>登录系统</h2>
			</div>
			<form id="empForm" action="" method="post">
				<div
					class="layadmin-user-login-box layadmin-user-login-body layui-form">
					<div class="layui-form-item">
						<label
							class="layadmin-user-login-icon layui-icon layui-icon-username"
							for="LAY-user-login-username"></label> <input type="text"
							name="empname" id="LAY-user-login-username" lay-verify="required"
							placeholder="用户名" class="layui-input">
					</div>
					<div class="layui-form-item">
						<label
							class="layadmin-user-login-icon layui-icon layui-icon-password"
							for="LAY-user-login-password"></label> <input type="password"
							name="emppwd" id="LAY-user-login-password" lay-verify="required"
							placeholder="密码" class="layui-input">
					</div>
					<div class="layui-form-item">
						<button class="layui-btn layui-btn-fluid" type="button" lay-submit
							lay-filter="LAY-user-login-submit">登 入</button>
					</div>
				</div>
			</form>
		</div>
	</div>

	<script src="layuiadmin/layui/layui.js"></script>
	<script>
		layui
				.config({
					base : 'layuiadmin/' //静态资源所在路径
				})
				.extend({
					index : 'lib/index'
				//index: 'views/index' //主入口模块
				})
				.use(
						[ 'index', 'user' ],
						function() {
							var $ = layui.$, setter = layui.setter, admin = layui.admin, form = layui.form, router = layui
									.router(), search = router.search;

							form.render();

							//提交
							form.on('submit(LAY-user-login-submit)', function(
									obj) {
								/* console.log("submit~"); */
								//请求登入接口
								admin.req({
									url : 'getEmployee' //实际使用请改成服务端真实接口
									,
									type : "post",
									data : obj.field,
									done : function(res) {

										//请求成功后，写入 access_token
										/* 	layui.data(setter.tableName, {
												key : setter.request.tokenName,
												value : res.data.access_token
											}); */
										if (res.msg == "登入成功") {
											//登入成功的提示与跳转
											layer.msg('登入成功', {
												offset : '15px',
												icon : 1,
												time : 1000
											}, function() {
												location.href = 'indexLogin'; //后台主页
											});
										}
											if (res.msg == "登录失败") {
												//登入成功的提示与跳转
												layer.msg('账号或者密码错误', {
													offset : '15px',
													icon : 1,
													time : 1000
												});
											}
									}
								});

							});

							//实际使用时记得删除该代码
							/* layer.msg('为了方便演示，用户名密码可随意输入', {
								offset : '15px',
								icon : 1
							}); */

						});
	</script>
</body>
</html>